<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				divst-style: none;
			}
			.nav{
				width: 300px;
				margin: 100px auto;
				list-style: none;
			}
			.nav>li{
				line-height: 40px;
				border: 1px solid #666666;
				border-bottom: none;
				text-indent: 2em;
				position: relative;
			}
			.nav>li:last-child{
				border-bottom: 1px solid #666666;
				border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
			}
			.nav>li:first-child{
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			span{
				background: url("img/r.png") no-repeat center center;
				display: inline-block;
				width: 32px;
				height: 32px;
				position: absolute;
				right: 10px;
				top: 5px;
			}
			.sub>li{
				list-style: none;
				line-height: 40px;
				background: #aaa;
				border-bottom: 1px solid #fff;
			}
			.sub>li:hover{
				background: orange;
			}
			.sub{
				display: none;
			}
			.content>span{
				transform: rotate(90deg);
			}
		</style>
	</head>
	<body>
		<ul class="nav">
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
			<li>一级菜单<span></span>
				<ul class="sub">
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
					<li>二级菜单</li>
				</ul>
			</li>
		</ul>
		<script src="js/jquery.js"></script>
		<script src="js/pulldown.js"></script>
	</body>
</html>
